<!doctype html>
<html lang="ru">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
	<link rel="icon"
		  type="image/vnd.microsoft.icon"
		  href="img/favicon.ico">
<title>
  blackchaose.github.io/my_snippets
</title>
<style>
	.numTitle {
		display: block;
		position: relative;
		padding: 5px;
		margin: 0px;
		min-height: 32px;
		width: 100%;
		left: -2rem;
		top: -1rem;
		color: blue;
		text-align: center;
		vertical-align: middle;
		border-radius: 0px;
		background-color: lightblue;
		background-color: rgba(174,217,230,0.5);
		z-index: 9999;
		}
	.copy-btn {
		display: block;
		position: relative;
		top=-1rem;
		font-size: smaller;
		font-weight: normal;
		text-align: right;
		}
</style>
</head>
<body>
<div class="container ">
	<div class="row align-items-center justify-content-center">
		<blockquote class="blockquote text-center">
			<p class="mb-0 text-success">Даже самый тупой карандаш острее самой острой памяти.</p>
			<footer class="blockquote-footer">кто сказал: <cite title="Source Title">Неизвестный</cite></footer>
		</blockquote>		
	</div>	
	<div class="row align-items-center justify-content-center">
		<hr>
	</div>
	<div class="row align-items-center justify-content-center">
		<h1 class="mb-0 text-primary">Сборник сниппетов</h1>
	</div>
	<div class="row align-items-center justify-content-center">
		<hr>
	</div>

	<div class="row align-items-center justify-content-center pb-5">    
		<div class="col-9 align-self-center text-info">
			текст сниппета
		</div>    
		<div class="col-3 align-self-center text-info"> 
			краткий комментарий
		</div>
	</div>
	<div id="app">
	</div>
</div>
<!--<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>-->
<!--<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>-->
<!--<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>-->
<script src="dist/bundle.js" type="text/javascript"></script>
</body>
</html>
